<template>
	<block v-if="platform=='PC'">
		<view class="plate-box">
			<view class="btn" @click="$reLaunch('merchant/index')">
				<fui-text text="首页" size="28" color="#fff"></fui-text>
			</view>
			<view class="btn" @click="$navigateBack">
				<fui-text text="上页" size="28" color="#fff"></fui-text>
			</view>
			<view class="btn" v-if="search" @click="searchTrigger">
				<fui-text text="搜索" size="28" color="#fff"></fui-text>
			</view>
		</view>
	</block>
</template>

<script>
	import {methods} from '@/utils/core.js';
	export default {
		name:'pcfooter',
		data() {
			return {
				platform:''
			}
		},
		props:{
			search:{
				type: Boolean,
				default:false
			}
		},
		mounted(){
			this.$platform();
		},
		methods: {
			...methods,
			searchTrigger:function(){
				this.$emit('search');
			}
		}
	}
</script>

<style lang="scss" scoped>
.plate-box{
	display: flex;
	justify-content: center;
	position: fixed;
	bottom: 40rpx;
	width: 100%;
	.btn{
		border-radius: 50%;
		background-color: #43afe8;
		width: 100rpx;
		height: 100rpx;
		line-height: 100rpx;
		font-size: 28rpx;
		text-align: center;
		margin: 0 20rpx;
		cursor: pointer;
	}
	.btn:hover{
		background-color: #3389b4;
	}
}	
</style>